<template>
	<view>
		<view class="outView">
			<view class="outView-l">
				姓名
			</view>
			<view class="outView-r">
				张三
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				身份证号
			</view>
			<view class="outView-r">
				411222222222222222
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				手机号
			</view>
			<view class="outView-r">
				18911111111
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				店名
			</view>
			<view class="outView-r">
				店小友
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				工商营业执照号码
			</view>
			<view class="outView-r">
				4252336467474764646
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				经营区域
			</view>
			<view class="outView-r">
				焦作市山阳区
			</view>
		</view>
		<view class="outView">
			<view class="outView-l">
				地址
			</view>
			<view class="outView-r">
				山阳区迎宾路32号
			</view>
		</view>
		<view class="centerView">
			商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍
		</view>

		<view class="footer">
			<text>营业执照</text>
			<view class="example-body">
				<image src="@/static/uni.png" />
			</view>
		</view>
		<view class="footer">
			<text>门面照片</text>
			<view class="example-body">
				<image src="@/static/uni.png" />
			</view>
		</view>

		<view class="footer">
			<text>身份证正反面</text>
			<view class="example-body-1">
				<image src="@/static/uni.png" />
				<image src="@/static/uni.png" />
			</view>
		</view>

		<view class="footer">
			<text>营业时间</text>
			<view class="one">
				<text>开始时间：2022-10-10 11:09</text>
			</view>
			<view class="one">
				<text>结束时间：2022-10-10 11:09</text>
			</view>
		</view>

		<view class="footer">
			<text>店铺状态</text>
			<view class="two">
				<text>状态：</text>
				<switch checked @change="switch1Change" />
			</view>
		</view>

		<view class="footer">
			<text>服务类别</text>
			<checkbox-group>
				<label>
					<checkbox value="cb" checked="true" style="transform:scale(0.7)" />车辆维修
				</label>
				<label>
					<checkbox value="cb" style="transform:scale(0.7)" />汽车保养
				</label>
				<label>
					<checkbox value="cb" checked="true" style="transform:scale(0.7)" />专业洗车
				</label>
				<label>
					<checkbox value="cb" style="transform:scale(0.7)" />就近加油
				</label>
			</checkbox-group>
		</view>

		<navigator class="btn" :url="'/pages/merchantInformation/merchantInfoUpdate/merchantInfoUpdate'">
			<button type="primary">修改</button>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: white;
	}

	.outView {
		width: 648rpx;
		height: 88rpx;
		margin: auto;
		display: flex;
		border-bottom: 2rpx solid #d4d4d4;
		background-color: white;
	}

	.outView-l {
		width: 252rpx;
		text-align: left;
		line-height: 88rpx;
		font-size: 28rpx;
		font-weight: 1000;
	}

	.outView-r {
		line-height: 88rpx;
		font-size: 28rpx;
	}

	.centerView {
		width: 600rpx;
		height: 150rpx;
		margin: auto;
		display: flex;
		border: 2rpx solid #d4d4d4;
		background-color: white;
		padding: 10rpx 20rpx 0 20rpx;
		color: #B2B2B2;
		font-size: 28rpx;
		margin-top: 10rpx;
	}

	.footer {
		padding-left: 50rpx;
		font-size: 28rpx;
		padding-top: 10rpx;
	}

	.example-body image {
		width: 278rpx;
		height: 154rpx;
		padding-top: 10rpx;
	}

	.example-body-1 image {
		width: 278rpx;
		height: 154rpx;
		padding-right: 40rpx;
		padding-top: 10rpx;
	}

	.btn {
		width: 600rpx;
		line-height: 72rpx;
		margin: auto;
		padding-top: 20rpx;
	}

	.one {
		display: flex;
		padding-bottom: 10rpx;
		padding-top: 10rpx;
	}

	.one text {
		line-height: 50rpx;
		margin-left: 60rpx;
	}

	.two {
		padding-top: 10rpx;
		margin-left: 60rpx;
	}
</style>